<style>
    .mes_table{
        margin-left:10px;
    }
     .mes_table tr{
        font-size:20px;
        height:26px;
    }
    .mes_hot,.mes_img{
        width:12px;
        height:15px;
        background-color:#ED3C45;
        padding:3px;
        font-size:12px;
        margin-right:2px;
        color:white;
    }
    .mes_img{
        background-color:#3DC879;
    }
    .mes_but,.mes_but1{
        height:24px;
        width:45px;
        font-size:20px;
        color:white;
        background-color:#3DC879;
        border:none;
        line-height:22px;
    }
    .mes_but1{
        background-color:#ED3C45;
    }
</style>
<div>
     <form action="">
         <table class="table table-striped mes_table" >
             <caption>
                 <span style="font-size:22px;height:26px;line-height:26px;font-weight:600">
                     编辑分组
                 </span>
             <tbody style="border-top:35px solid #E0DED6">
                 <tr>
                     <td>组名</td>
                     <td style="width:80%;">
                         <input type="text" ng-model="group.name" style="width:400px;height:30px;border-radius:3px;border:1px solid #A9A9A9">
                     </td>
                 </tr>
            <tr>
                     <td>领队</td>
                     <td style="width:80%;">
                         <select style="width:150px;height:30px;border-radius:3px" ng-model="group.leaderId">
                             <option ng-repeat="user in users" value="{{user.id}}" ng-selected="user.id==group.leaderId">{{user.nickName}}</option>
                         </select>
                     </td>
                 </tr>
            <tr>
                <td>线路</td>
                 <td style="width:70%;min-width:450px">
                     <select style="width:150px;height:30px;border-radius:3px" ng-model="group.routeId">
                             <option ng-repeat="route in routes" value="{{route.id}}" ng-selected="route.id==group.routeId">{{route.name}}</option>
                     </select>
                 </td>
            </tr>
            <tr>
                <td>出发时间</td>
                <td>
                    <input ng-model="group.tripTimeT" type="date"  style="width:180px;height:30px;height:30px;border-radius:3px;border:1px solid #A9A9A9;padding:0;padding-left:10px">
                </td>
            </tr>
             <tr>
                <td>价格</td>
                <td>
                    <input ng-model="group.cost"  type="text" style="width:80px;height:30px;padding:0;padding-left:10px"><span>￥</span>
                </td>
            </tr>
            <tr>
                <td>发团人数</td>
                <td>
                    <input ng-model="group.tripNum" type="number" min="1" ng-value="7" style="width:80px;height:30px;padding:0;padding-left:10px" placeholder="7"><span>人</span>
                </td>
            </tr>
            <tr>
                <td>添加组员</td>
                <td>
                    <div>
                        <div ng-repeat="item in tmpUsers">
                           <label style="width:100px;">
                                {{item.nickName}}
                            </label>
                            <select ng-model="item.orderId" style="width: 300px;height: 30px;border-radius: 3px;margin-left: 20px;font-size: 14px;" ng-change="userOrderChange(item.orderId,item.id)">
                                <option ng-repeat="ord in item.orderArr"  ng-selected="item.orderId==ord.orderId" value="{{ord.orderId}}">
                                    <h2>{{ord.name}}</h2>
                                    <p>{{ord.from}}~{{ord.to}}</p>
                                </option> 
                            </select>
                        </div>
                        
                    </div>
                     <span uib-dropdown on-toggle="toggled(open)">
          <button class="btn dropdown-toggle" id="simple-dropdown" uib-dropdown-toggle><span class="glyphicon glyphicon-plus"></span>添加</button>
      <ul class="dropdown-menu" uib-dropdown-menu aria-labelledby="simple-dropdown">
        <li ng-repeat="user in testUsers">
          <a ng-click="addToGroup(user)">{{user.nickName}}</a>
        </li>
      </ul>
    </span>
                </td>
            </tr>
            <tr>
                <td>

                </td>
                <td style="height:100px">
                    <button ng-click="addGroup(group)" style="margin-top:30px;height:40px;border-radius:3px;font-size:18px;background-color:#3DC879;color:white;border:none;width:200px">
                        确认，修改这个组
                    </button>
                     <button style="height:25px;border-radius:8px;font-size:14px;background-color:gray;color:white;border:none;width:50px">
                        <a href="#/app/groupMana" style="text-decoration:none;color:white" >取消</a>
                    </button>
                </td>
            </tr>
         </tbody>
        
    </table>
     </form>
</table>
</div>